<template>
  <div class="speack">
    <div class="top">
      <h2>话术列表</h2>
      <span>(共监测到0场直播话术&查看0场直播话术)</span>
    </div>
    <div class="ipt">
      <el-select v-model="value" placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <input type="text" />
      <button>搜索</button>
      <el-radio v-model="radio" label="1">仅看已解锁话术</el-radio>
    </div>
    <div class="list">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="date" label="日期" width="180">
        </el-table-column>
        <el-table-column prop="name" label="姓名" width="180">
        </el-table-column>
        <el-table-column prop="address" label="地址"> </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      radio:'',
      options:[],
      value:'',
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
    };
  },
};
</script>

<style lang="less" scoped>
.speack {
  padding: 20px;
  .top {
    display: flex;
    align-items: center;
    margin: 20px 0;
    h2 {
      font-size: 18px;
    }
    span {
      font-size: 12px;
      margin-left: 5px;
      color: #333;
    }
  }
  .ipt {
    display: flex;
    margin: 20px 0;
    align-items: center;
    input {
      margin-left: 20px;
      height: 20px;
    }
    button {
      margin-right: 20px;
    }
  }
}
</style>
